<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <link rel="stylesheet" href="../style/base.css">
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
</head>

<body>
    <div class="container-fluid home">
        <header class="clearfix">
            <h1>在线教育考试平台</h1>
            <span class="glyphicon glyphicon-arrow-left z-left"></span>
            <div  class="zlj-right">
                <span class="glyphicon glyphicon-search"></span>
                <span class="glyphicon glyphicon-bell"></span>
                <input type="file" id="file">
                <img src="../images/6.jpg" alt="" class="show-img"/>
                <span class="yonghu">admin</span>
                <span class="glyphicon glyphicon-off"></span>
            </div>
        </header>
        <section>
            <nav>
                <ul class="tz-left-ul clearfix zljshouye">
                    <li class="tz-second-li ">
                        <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                        <span>首页</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                        <span>题库管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye21"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye21">题目分类</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye22"><span data-id="13" data-href="#"class="tz-left-margin zlj-shouye22">题目列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-list-alt tz-left-margin" aria-hidden="true"></span>
                        <span>试卷管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye31"><span data-id="13" data-href="#" class="zlj-shouye31 tz-left-margin">试卷分类
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye32"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye32">试卷列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                        <span>考务管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye41"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye41">准考证
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye42"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye42">签到表</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye43"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye43">桌贴</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye44"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye44">门贴</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                        <span>考试管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye51"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye51">考试列表
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye52"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye52">考试审批</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye53"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye53">考试监控</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="3"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                        <span>考生管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                            aria-hidden="true"></span>
                        <span>统计分析</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye71">考试分析
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye72"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye72">试卷分析</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                        <span>证书管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                        <span>系统管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye91"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye91">角色权限
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye92"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye92">短信设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye93"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye93">安全设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye94"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye94">系统日志</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                </ul>
            </nav>
            <main>
                <!-- main的头部 -->
                <div class="lwy-main-head">
                    <ul class="nav nav-pills lwy-nav-size">
                        <li id="lwy-nav-li1"><a href="#">试卷管理</a></li>
                        <li class="lwy-nav-li2">/</li>
                        <li id="lwy-nav-li3"><a href="#">试卷分类</a></li>
                    </ul>
                    <p class="lwy-nav-p">试卷分类</p>
                </div>
                <!-- main的主体 -->
                <div class="lwy-main-sect">
                    <!-- 搜索试卷 -->

                    <form class="form-inline">
                        <div class="form-group">
                            <label for="exampleInputName2">试卷分类名称</label>
                            <input type="text" class="form-control search-con" id="exampleInputName2" placeholder="请输入">
                        </div>

                        <div class="form-group">
                            <label for="exampleInputName2">分类层级</label>
                            <select class="edit-class form-control input-xuanze classify search-coe" value="java">
                                <option>请选择</option>
                                <option value="一级">一级</option>
                                <option value="二级">二级</option>
                                <option value="三级">三级</option>
                            </select>
                        </div>
                        <button class="hjcx1 search-btn" type="button" id="Inquire">查询</button>
                        <button class="hjcz1 empty-btn" id="Inquire1">重置</button>
                    </form>
                    <!-- 新增题库分类 -->
                    <div>
                        <button class="hjxz1 Inquire2" id="Inquire2" id="addModal" class="btn btn-success"
                            data-toggle="modal" data-target="#addModal">新增题库分类</button>
                        <button class="hjpl1 batch" type="button" id="Inquire3">批量删除</button>
                    </div>

                    <!-- 提示 -->
                    <div class="alert alert-info" role="alert">已选择4项</button></div>
                    <table class="table table-striped table-hover table table-bordered table-condensed oTbody">
                        <thead>
                            <tr>
                                <th>
                                    <input type="checkbox" class="cheks-box"> &nbsp;&nbsp; 序号
                                </th>
                                <th>试卷分类名称</th>
                                <th>分类层级</th>
                                <th>排序值</th>
                                <th>创建人</th>
                                <th>最新修改时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- <tr>
                                <td><input type="checkbox" id="inlineCheckbox1" value="option1">&nbsp;&nbsp; 1</td>
                                <td>语文库</td>
                                <td>一级</td>
                                <td>1</td>
                                <td>周翔</td>
                                <td>2023-05-12 18:43:09</td>
                                <td>
                                    <button class="btn btn-warning" data-toggle="modal" data-target="#editModal">编辑</button>
                                    <button data-toggle="modal" data-target="#delModal" class="btn btn-danger">删除</button>
                                </td>
                             </tr>
                            <tr>
                                <td><input type="checkbox" id="inlineCheckbox1" value="option1">&nbsp;&nbsp; 2</td>
                                <td>数学库</td>
                                <td>二级</td>
                                <td>2</td>
                                <td>周其</td>
                                <td>2023-05-12 18:43:09</td>
                                <td>
                                    <button class="btn btn-warning" data-toggle="modal"
                                        data-target="#editModal">编辑</button>
                                    <button data-toggle="modal" data-target="#delModal"
                                        class="btn btn-danger">删除</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" id="inlineCheckbox1" value="option1">&nbsp;&nbsp; 3</td>
                                <td>英语库</td>
                                <td>二级</td>
                                <td>3</td>
                                <td>周家顺</td>
                                <td>2023-05-12 18:43:09</td>
                                <td>
                                    <button class="btn btn-warning" data-toggle="modal"
                                        data-target="#editModal">编辑</button>
                                    <button data-toggle="modal" data-target="#delModal"
                                        class="btn btn-danger">删除</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" id="inlineCheckbox1" value="option1">&nbsp;&nbsp; 4</td>
                                <td>物理库</td>
                                <td>三级</td>
                                <td>4</td>
                                <td>周秒</td>
                                <td>2023-05-12 18:43:09</td>
                                <td>
                                    <button class="btn btn-warning" data-toggle="modal"
                                        data-target="#editModal">编辑</button>
                                    <button data-toggle="modal" data-target="#delModal"
                                        class="btn btn-danger">删除</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" id="inlineCheckbox1" value="option1">&nbsp;&nbsp; 5</td>
                                <td>化学库</td>
                                <td>三级</td>
                                <td>5</td>
                                <td>李李</td>
                                <td>2023-05-12 18:43:09</td>
                                <td>
                                    <button class="btn btn-warning" data-toggle="modal"
                                        data-target="#editModal">编辑</button>
                                    <button data-toggle="modal" data-target="#delModal"
                                        class="btn btn-danger">删除</button>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" id="inlineCheckbox1" value="option1">&nbsp;&nbsp; 6</td>
                                <td>化学库</td>
                                <td>三级</td>
                                <td>6</td>
                                <td>李丽</td>
                                <td>2023-05-12 18:43:09</td>
                                <td>
                                    <button class="btn btn-warning" data-toggle="modal" data-target="#editModal">编辑</button>
                                    <button data-toggle="modal" data-target="#delModal" class="btn btn-danger">删除</button>
                                </td>
                            </tr> -->

                        </tbody>
                    </table>
                    <!-- 页码 -->
                    <div id="box-footr">
                        <div class="tz-page-div">
                            <!-- <button><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></button>
                                                <button>1</button>
                                                <button><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></button> -->


                        </div>
                        <div id="footer">
                            <button class="pages-ss"><select id="pagesres">
                                    <option class="pages-ss" value="5">5条/页</option>
                                    <option class="pages-ss" value="4">4条/页</option>
                                    <option class="pages-ss" value="3">3条/页</option>
                                </select></button>
                            <i>跳至</i>
                            <input type="text" class="tz-page-input jump">
                            <span>页</span>

                        </div>

                    </div>
                    <!-- 新增题库分类 -->
                    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                            aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">新增</h4>
                                </div>
                                <div class="modal-body">
                                    <form>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">序号</label>
                                            <input type="text" class="add-serialNumber form-control"
                                                id="exampleInputEmail1" placeholder="请输入序号">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">题库分类名称</label>
                                            <input type="text" class="form-control add-poolName" id="exampleInputEmail1"
                                                placeholder="请输入题库分类名称">
                                        </div>
                                        <div class="form-group">
                                            <label>分类层级</label>
                                            <select class="form-control add-classificationHierarchy">
                                                <option>一级</option>
                                                <option>二级</option>
                                                <option>三级</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">排序值</label>
                                            <input type="text" class="add-sortTheValue form-control"
                                                id="exampleInputEmail1" placeholder="请输入排序值">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">创建人</label>
                                            <input type="text" class="add-createdBy form-control"
                                                id="exampleInputEmail1" placeholder="请输入创建人">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">最新修改时间</label>
                                            <input type="datetime-local" class="add-lastModified form-control"
                                                id="exampleInputEmail1" placeholder="请选择最新时间">
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button type="button" data-dismiss="modal"
                                        class="btn add-btn btn-primary">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 修改操作 -->
                    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                            aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">编辑</h4>
                                </div>
                                <div class="modal-body">
                                    <form>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">序号</label>
                                            <input type="text" class="edit-serialNumber form-control"
                                                id="exampleInputEmail1" placeholder="序号">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">题库分类名称</label>
                                            <input type="text" class="edit-poolName form-control"
                                                id="exampleInputEmail1" placeholder="题库分类名称">
                                        </div>
                                        <div class="form-group">
                                            <label>分类层级</label>
                                            <select class="edit-classificationHierarchy form-control edit-class"
                                                value="一级">
                                                <option value="一级">一级</option>
                                                <option value="二级">二级</option>
                                                <option value="三级">三级</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">排序值</label>
                                            <input type="text" class="edit-sortTheValue form-control"
                                                id="exampleInputEmail1" placeholder="排序值">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">创建人</label>
                                            <input type="text" class="edit-createdBy form-control"
                                                id="exampleInputEmail1" placeholder="创建人">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">最新修改时间</label>
                                            <input type="text" class="edit-lastModified form-control"
                                                id="exampleInputEmail1" placeholder="最新修改时间">
                                        </div>


                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button data-dismiss="modal" type="button"
                                        class="edit-btn btn btn-primary">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    您确定删除吗？
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button type="button" data-dismiss="modal"
                                        class="btn del-btn btn-primary">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
            </main>
        </section>
    </div>
    <link rel="stylesheet" href="../style/statistic analysis.css" />
    <link rel="stylesheet" href="../style/ly_examinationPaperClassification.css">
    <link rel="stylesheet" href="../basestyle/tubiao.css">
    <script src="../js/paperclassification.js"></script>
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/base.js"></script>
</body>

</html>